<!DOCTYPE HTML>
<style>
  div {
    width: 450px;
    font-size: 12px;
  }

  a {
    font-weight: bold;
    line-height: 1.1em;
    color: blue;
  }

  a#first {
    font-size: 12px;
    font-style: italic;
  }

  a#second {
    font-size: 30px;
  }

</style>
<!--
In a 450 px container, the minimum font size at 15em per line is 30px. This
means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px and 30px
gets mapped to 40px.
-->
<div>
  <a id="first" href="">Hello</a><a id="second" href="">Worldz</a>
</div>
